<template>
    <TechPanel class="day-express-info" title="当日达" :isBold="true" :mode="mode">
        <div class="day-info">预计{{dayValue}}送达</div>
    </TechPanel>
</template>

<script>
import { TechPanel } from '@components/base';
import ModeMixin from '@common/mixin';
import { formatDate } from '@common/format';
export default {
    name: 'DayExpressInfo', // 当日达信息
    mixins: [ModeMixin],
    components: {
        TechPanel,
    },
    props: {
        day: String,
    },
    computed: {
        dayValue() {
            return formatDate(this.$props.day, 'MM月DD日');
        },
    },
};
</script>

<style lang="less">
.day-express-info {
    .day-info {
        font-size: @shop-font-size;
        color: @tip-color;
    }
}
</style>
